<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="utf-8">
    <title>管理列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="css/xadmin.css">
</head>
<style>
    /* 分页数字 */
    .layui-laypage .layui-laypage-curr .layui-laypage-em {
        background-color: rgba(30, 159, 255, 0.76);
    }

    /* 改变layui选择框的背景颜色和字体颜色 */
    .layui-form-select dl dd.layui-this {
        background-color: #409eff;
        color: #dcdfe6;
    }
    /* layui 数据表格table行高设置 */
    .layui-table-cell {
        height: auto;
        line-height: 28px;
    }

    /* 设置layui按钮样式 */
    .layui-btn {
        border-radius: 4px;
    }

    /* form表单宽度 */
    .c {
        width: 500px;
    }
</style>

<body>
    <!-- 导航面包屑 -->
    <div class="x-nav">
        <span class="layui-breadcrumb">
            <a href="#">首页</a>
            <a href="#">演示</a>
            <a><cite>导航元素</cite></a>
        </span>
        <a class="layui-btn layui-btn-small"
            style="line-height:1.6em;margin-top:3px;float:right;background-color: rgba(30, 159, 255, 0.76) !important;"
            onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px;"></i></a>
    </div>
    <div>
        <!-- 头部按钮类 -->
        <script type="text/html" id="searchToolBar">
            <div class="demoTable">
                <div class="layui-inline">
                    <input type="text" class="layui-input" name="userName" id="userName_vague" placeholder="请输入用户名"/>
                </div>
                <div class="layui-inline">
                    <button type="button" id="searBtn" class="layui-btn" lay-event="search" style="background-color: rgba(30, 159, 255, 0.76) !important;" title="查询"><i class="layui-icon">&#xe615;</i></button>
                </div>
                <div class="layui-inline">
                    <button type="button" id="userInsert" class="layui-btn" lay-event="insert" onclick="xadmin.open('教师添加','teacher_add.html')" style="background-color: rgba(30, 159, 255, 0.76) !important;" title="添加"><i class="layui-icon">&#xe654;</i></button>
                </div>
                
              </div>
          </script>

        <!-- table数据表格 -->
        <table class="layui-hide" id="tbl" lay-filter="userList"></table>
    </div>


    <!-- 修改 -->
    <div>
        <!-- form表单 -->
        <form class="layui-form" id="frm_update" style="display: none;margin-top: 20px;">
            <!-- 用户名 -->
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>用户名：</label>
                <div class="layui-input-block">
                    <input type="text" id="userName" required class="layui-input required c" name="userName"
                        readonly="readonly">
                </div>
            </div>

            <!-- 密码 -->
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>密码：</label>
                <div class="layui-input-block">
                    <input type="password" id="pass" required class="layui-input required c" name="password" readonly>
                </div>
            </div>

            <!--真实姓名  -->
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>真实姓名：</label>
                <div class="layui-input-block">
                    <input type="text" id="realName" required class="layui-input required c" name="realName">
                </div>
            </div>

            <!-- 手机 -->
            <div class="layui-form-item">
                <label class="layui-form-label">手机：</label>
                <div class="layui-input-block">
                    <input type="text" id="phone" required class="layui-input required c" name="phone">
                </div>
            </div>

            <!-- 性别 -->
            <div class="layui-form-item">
                <label class="layui-form-label">性别：</label>
                <div class="layui-input-block c">
                    <select name="sex" id="sex" lay-verify="required">
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                </div>
            </div>

            <!-- 年龄 -->
            <div class="layui-form-item">
                <label class="layui-form-label">年龄：</label>
                <div class="layui-input-block">
                    <input type="text" id="age" name="age" required class="layui-input required c">
                </div>
            </div>

            <!-- 出生日期  -->
            <div class="layui-form-item">
                <label class="layui-form-label">出生日期：</label>
                <div class="layui-input-block">
                    <input type="text" name="birthday" id="birthday" required placeholder="yyyy-MM-dd" lay-verify="date"
                        autocomplete="off" class="layui-input c ">
                </div>
            </div>

            <!-- 状态 -->
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>状态：</label>
                <div class="layui-input-block c">
                    <select name="status" id="status" lay-verify="required">
                        <option value="1" title="启用">启用</option>
                        <option value="2" title="禁用">禁用</option>

                    </select>
                </div>
            </div>

            <!-- 按钮提交 -->
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="button" class="layui-btn layui-btn-normal" lay-filter="demo1" id="updateBnt"
                        style="border-radius: 4px;">
                        <i class="layui-icon">&#xe621;</i>提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary" style="border-radius: 4px;"><i
                            class="layui-icon">&#xe9aa;</i>重置</button>
                </div>
            </div>
        </form>
    </div>


    <!-- 操作 -->
    <div>
        <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
      </script>
    </div>

    <!-- 需要js的导入 -->
    <script src="../layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript" src="js/over/teacher_list.js"></script>


</body>

</html>